<script setup>
import VIcon from "./VIcon.vue";
import VProfile from "./VProfile.vue";
import VBreadCrumb from "./VBreadCrumb.vue";
</script>

<template>
  <div class="v-header-container">
    <v-icon icon="Operation"/>
    <v-icon icon="Refresh" margin-left="10px" rotate/>
    <v-bread-crumb/>
    <div class="header-right">
      <v-profile/>
    </div>
  </div>
</template>

<style scoped>
.v-header-container {
  height: 100%;
  display: flex;
  align-items: center;

  .header-right {
    margin-left: auto;
    display: flex;
    align-items: center;
  }
}
</style>